view {
	display: block;
}
.search-box {
	width: 100%;
	background-color: rgb(242, 242, 242);
	padding: 15upx 30rpx;
	display: flex;
	justify-content: space-between;
	position: sticky;
  top: 0;
  box-sizing: border-box;
	.mSearch-input-box {
		width: 100%;
	}
	.input-box {
		width: 100%;
		flex-shrink: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.search-btn {
		width: 15%;
		margin: 0 0 0 2%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		font-size: 28upx;
		color: #fff;
		background: linear-gradient(to right, #ff9801, #ff570a);
		border-radius: 60upx;
	}
}
.search-box .input-box > input {
	width: 100%;
	height: 60upx;
	font-size: 32upx;
	border: 0;
	border-radius: 60upx;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 3%;
	margin: 0;
	background-color: #ffffff;
}
.placeholder-class {
	color: #9e9e9e;
}
.search-keyword {
	width: 100%;
	background-color: rgb(242, 242, 242);
	.keyword-list-box {
		height: calc(100vh - 110upx);
		padding-top: 10upx;
		border-radius: 20upx 20upx 0 0;
		background-color: #fff;
	}
}

.keyword-box {
	height: calc(100vh - 110upx);
	border-radius: 20upx 20upx 0 0;
	background-color: #fff;

	.keyword-block {
		padding: 10upx 0;
	}
	.keyword-list-header {
		width: 94%;
		padding: 10upx 3%;
		font-size: 27upx;
		color: #333;
		display: flex;
		justify-content: space-between;
		image {
			width: 40upx;
			height: 40upx;
		}
	}
	.keyword {
		width: 94%;
		padding: 3px 3%;
		display: flex;
		flex-flow: wrap;
		justify-content: flex-start;
		& > .keyword-item {
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 60upx;
			padding: 0 20upx;
			margin: 10upx 20upx 10upx 0;
			height: 60upx;
			font-size: 28upx;
			background-color: rgb(242, 242, 242);
			color: #6b6b6b;
		}
	}
	.hide-hot-tis {
		display: flex;
		justify-content: center;
		font-size: 28upx;
		color: #6b6b6b;
	}
}

.keyword-entry-tap {
	background-color: #eee;
}
.keyword-entry {
	width: 94%;
	height: 80upx;
	margin: 0 3%;
	font-size: 30upx;
	color: #333;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1upx #e7e7e7;
}
.keyword-entry image {
	width: 60upx;
	height: 60upx;
}
.keyword-entry .keyword-text,
.keyword-entry .keyword-img {
	height: 80upx;
	display: flex;
	align-items: center;
}
.keyword-entry .keyword-text {
	width: 90%;
}
.keyword-entry .keyword-img {
	width: 10%;
	justify-content: center;
}
